<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0"/>
    <meta name="renderer" content="ie-stand|webkit|ie-comp">
    <title>文章管理</title>
    <!--froala-->
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <link rel="stylesheet" href="css/froala/css/froala_editor.css">
    <link rel="stylesheet" href="css/froala/css/froala_style.css">
    <link rel="stylesheet" href="css/froala/css/plugins/code_view.css">
    <link rel="stylesheet" href="css/froala/css/plugins/colors.css">
    <link rel="stylesheet" href="css/froala/css/plugins/emoticons.css">
    <link rel="stylesheet" href="css/froala/css/plugins/image_manager.css">
    <link rel="stylesheet" href="css/froala/css/plugins/image.css">
    <link rel="stylesheet" href="css/froala/css/plugins/line_breaker.css">
    <link rel="stylesheet" href="css/froala/css/plugins/table.css">
    <link rel="stylesheet" href="css/froala/css/plugins/char_counter.css">
    <link rel="stylesheet" href="css/froala/css/plugins/video.css">
    <link rel="stylesheet" href="css/froala/css/plugins/fullscreen.css">
    <link rel="stylesheet" href="css/froala/css/plugins/file.css">
    <link rel="stylesheet" href="css/froala/css/plugins/quick_insert.css">
    <link rel="stylesheet" href="css/codemirror.min.css">
    <!--froala-->


    <script src="js/jquery-2.2.1.min.js"></script>
    <!-- BOOTSTRAP STYLES-->
    <link href="assets/css/bootstrap.css" rel="stylesheet" />
    <script src="js/bootstrap.min.js"></script>
    <!-- FONTAWESOME STYLES-->
    <link href="assets/css/font-awesome.css" rel="stylesheet" />
    <!--CUSTOM BASIC STYLES-->
    <link href="assets/css/basic.css" rel="stylesheet" />
    <!--CUSTOM MAIN STYLES-->
    <link href="assets/css/custom.css" rel="stylesheet" />
    <!-- GOOGLE FONTS-->
    <link href='css/fontsCss.css' rel='stylesheet' type='text/css' />

    <link href="css/article.css" rel="stylesheet" type="text/css">
    <link href="css/main.css" rel="stylesheet" type="text/css">

    <link href="css/pagination.css" rel="stylesheet" type="text/css">
    <link href="css/simplePagination.css" rel="stylesheet" type="text/css">
    <script src="js/jquery.simplePagination.js"></script>
    <script src="js/paging.js"></script>
    <script src="js/html5media.min.js"></script>

    <!--cropper-->
    <link href="cropper/cropper.css" rel="stylesheet" type="text/css">
    <script src="cropper/cropper.js"></script>
    <!--树列表-->
    <link rel="stylesheet" href="css/zTreeStyle/zTreeStyle.css" type="text/css">
    <script type="text/javascript" src="js/jquery.ztree.core.js"></script>
    <script type="text/javascript" src="js/jquery.ztree.excheck.js"></script>
    <!--datetimepicker-->
    <link rel="stylesheet" type="text/css" href="css/bootstrap-datetimepicker.min.css">
    <script src="js/bootstrap-datetimepicker.min.js"></script>
    <script src="js/bootstrap-datetimepicker.zh-CN.js"></script>

    <script src="js/article/article.js"></script>
    <script src="js/article/label.js"></script>
    <script src="js/main.js"></script>
    <script src="js/utlities.js"></script>

    <style>
        div#editor {
            width: 99%;
            margin: auto;
            text-align: left;
        }

        .class1 {
            border-radius: 10%;
            border: 2px solid #efefef;
        }

        .class2 {
            opacity: 0.5;
        }
    </style>
</head>
<body>
<div id="wrapper">

    <!-- /. NAV TOP  -->

    <!-- /. NAV SIDE  -->
    <div id="page-wrapper">
        <!--  信息面板  -->
        <div class="tab-content" id="operate-panels">
            <!--文章列表-->
            <div class="tab-pane fade in active" id="ArticlePanel">
                <div class="page-inner">
                    <div>
                        <div class="col-md-12">
                            <h4 class="page-head-line">文章管理</h4>
                        </div>
                    </div>
                    <!-- /. ROW  -->
                    <div style="padding-left: 15px">
                        <a class="hidden" href="#AddArticlePanel" data-toggle="tab" id="toAdd"></a>
                        <a class="hidden" href="#AddLabelPanel" data-toggle="tab" id="toAddLabel"></a>
                        <a class="hidden" href="#EditArticlePanel" data-toggle="tab" id="toEdit"></a>
                        <a class="hidden" href="#detailArticlePanel" data-toggle="tab" id="toDetail"></a>
                        <span class="hidden" id="list_synchro"></span>
                        <span class="hidden" id="list_type"></span>
                        <a class="btn btn-primary" id="add_article">
                            <i class="fa fa-plus"></i>
                            &nbsp;新增
                        </a>
                        <a class="btn btn-info" id="edit_article">
                            <i class="fa fa-pencil-square-o"></i>
                            &nbsp;修改
                        </a>
                        <a class="hidden"></a>
                        <a class="btn btn-danger" id="delete_article">
                            <i class="fa fa-trash-o"></i>
                            &nbsp;删除
                        </a>
                        <a class="btn btn-primary" id="exam_article">
                            <i class="fa fa-pencil-square-o"></i>
                            &nbsp;审核
                        </a>
                        <div class="row">
                            <div class="content_wrap col-xs-2">
                                <div class="zTreeDemoBackground left">
                                    <ul id="tree" class="ztree"></ul>
                                </div>
                            </div>
                            <div class="content_wrap col-xs-8" style="margin-right: 20px">
                                <div style="margin-bottom: 20px;">
                                    <span style="float: left">
                                        标题：
                                        <input type="text" class="searchText" placeholder="标题" id="search_title">
                                    </span>
                                    <span style="float: left;margin-left: 10px">
                                        创建者：
                                        <input type="text" class="searchText" placeholder="创建者" id="search_name">
                                    </span>
                                    <span style="float: left;margin-left: 25px">
                                        类型：
                                        <select class="searchText" id="search_type">
                                            <option value="0">全部类型</option>
                                            <option value="1">文章</option>
                                            <option value="2">图片</option>
                                            <option value="3">教师</option>
                                            <option value="4">学生</option>
                                            <option value="5">基本概况</option>
                                            <option value="6">教师风采</option>
                                        </select>
                                    </span>
                                    <span style="position: absolute">
                                        <a class="btn btn-success" id="synchro">
                                            <i class="fa fa-refresh"></i>
                                            &nbsp;同步
                                        </a>
                                    </span>
                                </div>
                                <div style="margin-top: 50px;margin-bottom: 20px">
                                    <span style="float: left">
                                        状态：
                                        <select class="searchText" id="search_status">
                                            <option value="0">全部状态</option>
                                            <option value="1">待审核</option>
                                            <option value="2">审核通过</option>
                                            <option value="3">驳回</option>
                                            <option value="4">草稿</option>
                                        </select>
                                    </span>
                                    <span style="display: flex;float: left">
                                        <span style="margin-top: 5px">
                                            起始日期：
                                        </span>
                                        <input type="text" value="" class="searchText form_datetime form-control" id="search_begin">
                                    </span>
                                    <span style="display: flex;float: left">
                                        <span style="margin-top: 5px">
                                            截止日期：
                                        </span>
                                        <input type="text" value="" class="searchText form_datetime form-control" id="search_end">
                                    </span>
                                    <span style="">
                                        <a class="btn btn-search" id="search">
                                            <i class="fa fa-search"></i>
                                            &nbsp;查询
                                        </a>
                                    </span>
                                </div>
                                <table class="table table-bordered" id="article-table">
                                    <thead>
                                    <tr>
                                        <th><input id="allcheck" type="checkbox" onclick="allcheck(this)"></th><th>序号</th>
                                        <th>标题</th><th>所属栏目</th><th>类型</th><th>创建者</th><th>状态</th><th>发布时间</th>
                                        <th>创建时间</th><th>访问量</th><th>详情</th>
                                    </tr>
                                    </thead>
                                    <tbody id="article_table">

                                    </tbody>
                                </table>
                                <div>
                                    <div class="pagination-holder clearfix">
                                        <div style="float: right" id="page" class="pagination"></div>
                                        <div style="float: right;margin: 3px 20px 0 0">
                                            <span class="mainLabel">共<span class="mainLabel" id="recordCount">1</span>条</span>
                                        </div>
                                        <div style="float: right;margin: 3px 20px 0 0">
                                            <span class="mainLabel">共<span class="mainLabel" id="pageCount">1</span>页</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- /. ROW  -->
                </div>
            </div>
            <!--新建文章-->
            <div class="tab-pane fade" id="AddArticlePanel">
                <div class="page-inner">
                    <div>
                        <div class="col-md-12">
                            <h4 class="page-head-line">文章管理——新增</h4>
                        </div>
                    </div>
                    <a class="btn btn-primary" style="display: none">
                        <i class="fa fa-pencil-square-o"></i>
                        &nbsp;分享
                    </a>
                    <span class="hidden" id="add_synchro"></span>
                    <div class="panel panel-default" style="margin: 70px 15px 0 15px">
                        <div class="panel-heading">
                            <span id="add_topTitle">新增文章</span>
                            <!--<a class="btn btn-success" style="margin-left: 74%" id="add_synchro_btn">-->
                                <!--<i class="fa fa-refresh"></i>-->
                                <!--&nbsp;同步-->
                            <!--</a>-->
                        </div>
                        <div class="form-horizontal" style="width: 100%">
                            <div style="margin-top: 10px" class="row" id="addLabels">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>所属标签</div>
                                <div class="col-sm-11">
                                    <span class="hidden" id="addLabel_id"></span>
                                    <span class="control-label" id="addLabel"></span>
                                    <button class="btn btn-info" style="margin-left: 10px" onclick="selectLabel(this,1)">重新选择</button>
                                </div>
                            </div>
                            <div style="margin-top: 10px" class="row">
                                <div class="col-sm-1 control-label" style="padding-top: 4px" id="add_name">标题</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="标题" class="inputText" id="add_title">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="add-subtitle">
                                <div class="col-sm-1 control-label" style="padding-top: 4px">副标题</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="副标题" class="inputText" id="add_subtitle">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="add-keywords">
                                <div class="col-sm-1 control-label" style="padding-top: 4px">关键字</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="关键字" class="inputText" id="add_keywords">
                                </div>
                            </div>

                            <div style="margin-top: 10px;display: none" class="row" id="add-author">
                                <div class="col-sm-1 control-label" style="padding-top: 4px">作者</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="作者" class="inputText" id="add_author">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="add-source">
                                <div class="col-sm-1 control-label" style="padding-top: 4px">来源</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="来源" class="inputText" id="add_source">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="add-submitTime">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>发布时间</div>
                                <div class="col-sm-11">
                                    <input size="16" type="text" value="" class="inputText form_datetime form-control" id="add_submitTime">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="add-position">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>职位</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="职位" class="inputText" id="add_position">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="add-stuPosition">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>职位</div>
                                <div class="col-sm-11">
                                    <select class="inputText" id="add_stuPosition">

                                    </select>
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="add-moto">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>个人简介</div>
                                <div class="col-sm-11">
                                    <!--<input type="text" placeholder="个人简介" class="inputText" id="add_moto">-->
                                    <textarea class="inputText" style="height: 100px" id="add_moto"></textarea>
                                </div>
                            </div>

                            <div style="margin-top: 10px;display: none" class="row" id="add-class">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>班级</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="班级" class="inputText" id="add_class">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="add-sex">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>性别</div>
                                <div class="col-sm-11">
                                    <select id="add_sex" class="inputText">
                                        <option value="0">请选择</option>
                                        <option value="1">男</option>
                                        <option value="2">女</option>
                                    </select>
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="add-age">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>年龄</div>
                                <div class="col-sm-11">
                                    <input type="number" value="0" class="inputText" id="add_age">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="add-star">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>星座</div>
                                <div class="col-sm-11">
                                    <!--<input type="text" placeholder="星座" class="inputText" id="add_star">-->
                                    <select class="inputText" id="add_star">

                                    </select>
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="add-hobby">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>爱好</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="爱好" class="inputText" id="add_hobby">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="add-brief">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>标语</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="标语" class="inputText" id="add_brief">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="add-priority">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>排序</div>
                                <div class="col-sm-11">
                                    <input type="number" value="0" class="inputText" id="add_priority">
                                </div>
                            </div>
                            <div style="margin-top: 10px" class="row" id="add-img">
                                <div class="col-sm-1 control-label" style="padding-top: 4px" id="add_imgTitle">图片</div>
                                <div class="col-sm-2">
                                    <div style="float: right;margin-top: 4px;margin-right: 56px" id="add-imgDel">
                                        <button type="button" class="close" style="color: black;" id="add_imgDel" onclick="delImg(this,1)">x</button>
                                    </div>
                                    <img src="images/articleAdd.png" class="uploadImg" onclick="imageClickAdd('upload')" id="uploadImg">
                                    <input type="file" class="hidden" id="upload" onchange="changeimage(this,'image')">
                                    <span class="hidden" id="add_imgUrl"></span>
                                </div>
                                <div class="col-sm-9">
                                    <div style="margin-top: 90px">
                                        <input type="checkbox" id="add_exam" checked>自动审核
                                    </div>
                                </div>
                            </div>
                            <div style="margin-top: 10px;position: absolute;margin-left: 78px" class="row" id="add_contentTitle">
                                <div class="" style="padding-top: 4px">正文编辑</div>
                            </div>

                            <div id="editor" class="row" style="margin-top: 10px;width: 72%;margin-left: 152px">
                                <div id='edit'>

                                </div>
                            </div>

                            <div class="form-group" style="margin-left: -164px">
                                <div class="col-sm-2 control-label"></div>
                                <input type="button" value="确定" class="btn btn-primary" id="add_confirm">
                                &nbsp;&nbsp;<input type="button" value="返回" class="btn btn-warning">
                                &nbsp;&nbsp;<input type="button" value="暂存草稿" class="btn btn-info" id="add_draft">
                                <a class="hidden" href="#ArticlePanel" data-toggle="tab" id="toArticle"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--编辑文章-->
            <div class="tab-pane fade" id="EditArticlePanel">
                <div class="page-inner">
                    <div>
                        <div class="col-md-12">
                            <h4 class="page-head-line">文章管理——修改</h4>
                        </div>
                    </div>
                    <span class="hidden" id="edit_synchro"></span>
                    <div class="panel panel-default" style="margin: 70px 15px 0 15px">
                        <div class="panel-heading">
                            <span id="edit_topTitle">修改文章</span>
                            <a class="btn btn-success" style="margin-left: 74%" id="edit_synchro_btn">
                                <i class="fa fa-refresh"></i>
                                &nbsp;同步
                            </a>
                        </div>
                        <div class="form-horizontal" style="width: 100%">
                            <span class="hidden" id="edit_id"></span>
                            <span class="hidden" id="edit_type"></span>
                            <span class="hidden" id="edit_menuId"></span>
                            <span class="hidden" id="edit_status"></span>
                            <div style="margin-top: 10px" class="row" id="editLabels">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>所属标签</div>
                                <div class="col-sm-11">
                                    <span class="hidden" id="editLabel_id"></span>
                                    <span class="control-label" id="editLabel"></span>
                                    <button class="btn btn-info" style="margin-left: 10px" onclick="selectLabel(this,2)">重新选择</button>
                                </div>
                            </div>
                            <div style="margin-top: 10px" class="row">
                                <div class="col-sm-1 control-label" style="padding-top: 4px" id="edit_name">标题</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="标题" class="inputText" id="edit_title">
                                </div>
                            </div>
                            <div style="margin-top: 10px" class="row" id="edit-subtitle">
                                <div class="col-sm-1 control-label" style="padding-top: 4px">副标题</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="副标题(可空)" class="inputText" id="edit_subtitle">
                                </div>
                            </div>
                            <div style="margin-top: 10px" class="row" id="edit-keywords">
                                <div class="col-sm-1 control-label" style="padding-top: 4px">关键字</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="关键字(可空)" class="inputText" id="edit_keywords">
                                </div>
                            </div>

                            <div style="margin-top: 10px;display: none" class="row" id="edit-author">
                                <div class="col-sm-1 control-label" style="padding-top: 4px">作者</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="作者" class="inputText" id="edit_author">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="edit-source">
                                <div class="col-sm-1 control-label" style="padding-top: 4px">来源</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="来源" class="inputText" id="edit_source">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="edit-submitTime">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>发布时间</div>
                                <div class="col-sm-11">
                                    <input size="16" type="text" value="" class="inputText form_datetime form-control" id="edit_submitTime">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="edit-position">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>职位</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="职位" class="inputText" id="edit_position">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="edit-stuPosition">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>职位</div>
                                <div class="col-sm-11">
                                    <select class="inputText" id="edit_stuPosition">

                                    </select>
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="edit-moto">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>个人简介</div>
                                <div class="col-sm-11">
                                    <!--<input type="text" placeholder="个人简介" class="inputText" id="edit_moto">-->
                                    <textarea class="inputText" style="height: 100px" id="edit_moto"></textarea>
                                </div>
                            </div>

                            <div style="margin-top: 10px;display: none" class="row" id="edit-class">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>班级</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="班级" class="inputText" id="edit_class">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="edit-sex">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>性别</div>
                                <div class="col-sm-11">
                                    <select id="edit_sex" class="inputText">
                                        <option value="0">请选择</option>
                                        <option value="1">男</option>
                                        <option value="2">女</option>
                                    </select>
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="edit-age">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>年龄</div>
                                <div class="col-sm-11">
                                    <input type="number" value="0" class="inputText" id="edit_age">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="edit-star">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>星座</div>
                                <div class="col-sm-11">
                                    <select class="inputText" id="edit_star">

                                    </select>
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="edit-hobby">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>爱好</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="爱好" class="inputText" id="edit_hobby">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="edit-brief">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>标语</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="标语" class="inputText" id="edit_brief">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="edit-priority">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>排序</div>
                                <div class="col-sm-11">
                                    <input type="number" value="0" class="inputText" id="edit_priority">
                                </div>
                            </div>

                            <div style="margin-top: 10px" class="row" id="edit-img">
                                <div class="col-sm-1 control-label" style="padding-top: 4px" id="edit_imgTitle">图片</div>
                                <div class="col-sm-2">
                                    <div style="float: right;margin-top: 4px;margin-right: 56px" id="edit-imgDel">
                                        <button type="button" class="close" style="color: black;" id="edit_imgDel" onclick="delImg(this,2)">x</button>
                                    </div>
                                    <img src="" class="uploadImg" onclick="imageClickEdit('editupload')" id="edituploadImg">
                                    <input type="file" class="hidden" id="editupload" onchange="changeimage(this,'image')">
                                    <span class="hidden" id="edit_imgUrl"></span>
                                </div>
                                <div class="col-sm-2">
                                    <!--<div style="margin-top: 90px">-->
                                        <!--<input type="checkbox" id="edit_exam" checked>自动审核-->
                                    <!--</div>-->
                                </div>
                            </div>
                            <div style="margin-top: 10px;position: absolute;margin-left: 78px" class="row" id="edit_contentTitle">
                                <div class="" style="padding-top: 4px">正文编辑</div>
                            </div>
                            <div id="edit_editor" style="margin-top: 10px;width: 72%;margin-left: 152px" class="row">
                                <div id='edit_edit'>

                                </div>
                            </div>

                            <div class="form-group" style="margin-left: -164px">
                                <div class="col-sm-2 control-label"></div>
                                <input type="button" value="确定" class="btn btn-primary" id="edit_confirm">
                                &nbsp;&nbsp;<input type="button" value="返回" class="btn btn-warning">
                                &nbsp;&nbsp;<input type="button" value="暂存草稿" class="btn btn-info" id="edit_draft">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--新建标签-->
            <div class="tab-pane fade" id="AddLabelPanel">
                <div class="page-inner">
                    <div>
                        <div class="col-md-12">
                            <h4 class="page-head-line">文章管理——新增</h4>
                        </div>
                    </div>
                    <a class="btn btn-primary" style="display: none">
                        <i class="fa fa-pencil-square-o"></i>
                        &nbsp;分享
                    </a>
                    <span class="hidden" id="addLabel_synchro"></span>
                    <div class="panel panel-default" style="margin: 70px 15px 0 15px">
                        <div class="panel-heading">
                            <span id="addLabel_topTitle">选择标签</span>
                        </div>
                        <div class="form-horizontal" style="width: 100%">
                            <div style="margin-left: 15px">
                                <a class="btn btn-primary" id="add_Label">
                                    <i class="fa fa-plus"></i>
                                    &nbsp;新增
                                </a>
                                <a class="btn btn-info" id="edit_Label">
                                    <i class="fa fa-pencil-square-o"></i>
                                    &nbsp;修改
                                </a>
                                <a class="hidden"></a>
                                <a class="btn btn-danger" id="delete_Label">
                                    <i class="fa fa-trash-o"></i>
                                    &nbsp;删除
                                </a>
                            </div>
                            <div id="labelContent" style="margin: 16px 0 0 15px">
                                <!--<div class="labelDiv">-->
                                    <!--<span class="hidden"></span>-->
                                    <!--<input type="radio" name="label" style="">-->
                                    <!--<input type="text" class="inputText" style="width: 300px;display: inline;margin-left: 10px">-->
                                    <!--<span style="display: none;margin-left: 15px">特级教师</span>-->
                                    <!--<a style="margin-left: 10px" onclick="labelSave(this)">保存</a>-->
                                    <!--<a style="margin-left: 10px" onclick="labelMoveUp(this)">上移</a>-->
                                <!--</div>-->
                            </div>
                            <div class="form-group" style="margin-left: -164px">
                                <div class="col-sm-2 control-label"></div>
                                <input type="button" value="确定" class="btn btn-primary" id="addLabel_confirm">
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <!--详情-->
            <div class="tab-pane fade" id="detailArticlePanel">
                <div class="page-inner">
                    <div>
                        <div class="col-md-12">
                            <h4 class="page-head-line">文章管理——详情</h4>
                        </div>
                    </div>
                    <div class="panel panel-default" style="margin: 70px 15px 0 15px">
                        <div class="panel-heading">
                            详情
                            <a class="btn btn-success" style="margin-left: 75.5%" id="detail_synchro_btn">
                                <i class="fa fa-refresh"></i>
                                &nbsp;同步
                            </a>
                        </div>
                        <div class="form-horizontal" style="width: 100%">
                            <span class="hidden" id="detail_id"></span>
                            <span class="hidden" id="detail_type"></span>
                            <span class="hidden" id="detail_menuId"></span>
                            <div style="margin-top: 10px" class="row" id="detailLabels">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>所属标签</div>
                                <div class="col-sm-11" style="margin-top: 4px">
                                    <span class="control-label" id="detailLabel"></span>
                                </div>
                            </div>
                            <div style="margin-top: 10px" class="row">
                                <div class="col-sm-1 control-label" style="padding-top: 4px" id="detail_name">标题</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="标题" class="inputText" id="detail_title">
                                </div>
                            </div>
                            <div style="margin-top: 10px" class="row" id="detail-subtitle">
                                <div class="col-sm-1 control-label" style="padding-top: 4px">副标题</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="副标题(可空)" class="inputText" id="detail_subtitle">
                                </div>
                            </div>
                            <div style="margin-top: 10px" class="row" id="detail-keywords">
                                <div class="col-sm-1 control-label" style="padding-top: 4px">关键字</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="关键字(可空)" class="inputText" id="detail_keywords">
                                </div>
                            </div>

                            <div style="margin-top: 10px;display: none" class="row" id="detail-author">
                                <div class="col-sm-1 control-label" style="padding-top: 4px">作者</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="作者" class="inputText" id="detail_author">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="detail-source">
                                <div class="col-sm-1 control-label" style="padding-top: 4px">来源</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="来源" class="inputText" id="detail_source">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="detail-submitTime">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>发布时间</div>
                                <div class="col-sm-11">
                                    <input size="16" type="text" value="" class="inputText form_datetime form-control" id="detail_submitTime">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="detail-position">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>职位</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="职位" class="inputText" id="detail_position">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="detail-moto">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>个人简介</div>
                                <div class="col-sm-11">
                                    <!--<input type="text" placeholder="个人简介" class="inputText" id="detail_moto">-->
                                    <textarea class="inputText" id="detail_moto" style="height: 100px"></textarea>
                                </div>
                            </div>

                            <div style="margin-top: 10px;display: none" class="row" id="detail-class">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>班级</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="班级" class="inputText" id="detail_class">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="detail-sex">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>性别</div>
                                <div class="col-sm-11">
                                    <select id="detail_sex" class="inputText">
                                        <option value="0">请选择</option>
                                        <option value="1">男</option>
                                        <option value="2">女</option>
                                    </select>
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="detail-age">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>年龄</div>
                                <div class="col-sm-11">
                                    <input type="number" value="0" class="inputText" id="detail_age">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="detail-star">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>星座</div>
                                <div class="col-sm-11">
                                    <select class="inputText" id="detail_star">

                                    </select>
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="detail-hobby">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>爱好</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="爱好" class="inputText" id="detail_hobby">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="detail-brief">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>标语</div>
                                <div class="col-sm-11">
                                    <input type="text" placeholder="标语" class="inputText" id="detail_brief">
                                </div>
                            </div>
                            <div style="margin-top: 10px;display: none" class="row" id="detail-priority">
                                <div class="col-sm-1 control-label" style="padding-top: 4px"><span class="import">*</span>排序</div>
                                <div class="col-sm-11">
                                    <input type="number" value="0" class="inputText" id="detail_priority">
                                </div>
                            </div>

                            <div style="margin-top: 10px" class="row" id="detail-img">
                                <div class="col-sm-1 control-label" style="padding-top: 4px" id="detail_imgTitle">图片</div>
                                <div class="col-sm-2">
                                    <img src="" class="uploadImg" id="detailuploadImg">
                                    <input type="file" class="hidden" id="detailupload">
                                </div>
                                <div class="col-sm-2">
                                    <!--<div style="margin-top: 90px">-->
                                    <!--<input type="checkbox" id="edit_exam" checked>自动审核-->
                                    <!--</div>-->
                                </div>
                            </div>
                            <div style="margin-top: 10px;position: absolute;margin-left: 78px" class="row" id="detail_contentTitle">
                                <div class="" style="padding-top: 4px">正文编辑</div>
                            </div>
                            <div id="detail_editor" class="row" style="margin-top: 10px;width: 72%;margin-left: 152px">
                                <div id='detail_edit'>

                                </div>
                            </div>

                            <div class="form-group" style="margin-left: -164px">
                                <div class="col-sm-2 control-label"></div>
                                <input type="button" value="通过" class="btn btn-primary" id="detail_adopt">
                                &nbsp;&nbsp;<input type="button" value="驳回" class="btn btn-danger" id="detail_reject">
                                &nbsp;&nbsp;<input type="button" value="返回" class="btn btn-warning">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- /. PAGE WRAPPER  -->
    <!--选择标签-->
    <div class="modal fade" id="selectLabelmodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 400px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">选择标签</h5>
                </div>
                <div class="modal-body">
                    <div style="font-family: 微软雅黑;width: 100%">
                        <div class="content_wrap">
                            <div>
                                <a class="btn btn-primary" id="sAdd_label">
                                    <i class="fa fa-plus"></i>
                                    &nbsp;新增
                                </a>
                                <a class="btn btn-info" id="sEdit_label">
                                    <i class="fa fa-pencil-square-o"></i>
                                    &nbsp;修改
                                </a>
                                <a class="hidden"></a>
                                <a class="btn btn-danger" id="sDelete_label">
                                    <i class="fa fa-trash-o"></i>
                                    &nbsp;删除
                                </a>
                            </div>
                            <span class="hidden" id="labelType"></span>
                            <div id="sLabelContent">
                                <!--<div class="labelDiv">-->
                                    <!--<span class="hidden"></span>-->
                                    <!--<input type="radio" name="label" style="">-->
                                    <!--<input type="text" class="inputText" style="width: 225px;display: none;margin-left: 10px">-->
                                    <!--<span style="margin-left: 15px">特级教师</span>-->
                                    <!--<a style="margin-left: 10px;display: none" onclick="labelSave(this)">保存</a>-->
                                    <!--<a style="margin-left: 10px;display: none" onclick="labelMoveUp(this)">上移</a>-->
                                <!--</div>-->
                            </div>
                        </div>
                    </div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="sLabel_confirm">确定</a>
                        <a class="button-cancel cancelBtn" style="margin-top: 20px;" onclick="modalclose('#selectLabelmodal')">取消</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--是否删除-->
    <div class="modal fade" id="deletemodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 260px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">信息</h5>
                </div>
                <div class="modal-body">
                    <span id="del_id" class="hidden"></span>
                    <div style="font-family: 微软雅黑;">确定要删除选中的记录？</div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="del_confirm">确定</a>
                        <a class="button-cancel cancelBtn" style="margin-top: 20px;" id="del_cancel" onclick="modalclose('#deletemodal')">取消</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--是否删除标签-->
    <div class="modal fade" id="deleteLabelmodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 260px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">信息</h5>
                </div>
                <div class="modal-body">
                    <span id="delLabel_id" class="hidden"></span>
                    <div style="font-family: 微软雅黑;">确定要删除选中的标签？</div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="delLabel_confirm">确定</a>
                        <a class="button-cancel cancelBtn" style="margin-top: 20px;" onclick="modalclose('#deleteLabelmodal')">取消</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--是否审核通过-->
    <div class="modal fade" id="exammodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 260px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">信息</h5>
                </div>
                <div class="modal-body">
                    <span id="exam_id" class="hidden"></span>
                    <div style="font-family: 微软雅黑;">是否审核通过</div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="exam_confirm">通过</a>
                        <a class="button-cancel cancelBtn" style="margin-top: 20px;" id="exam_cancel">驳回</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--上传图片-->
    <div class="modal fade" id="imagemodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 600px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">裁剪</h5>
                </div>
                <div class="modal-body">
                    <div class="container">
                        <img src="" id="image">
                        <div id="result" style="display: none"></div>
                        <span id="imgId" class="hidden"></span>
                        <span id="image_type" class="hidden"></span>
                    </div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="image_confirm">确定</a>
                        <a class="button-cancel cancelBtn" style="margin-top: 20px;" id="image_cancel" onclick="modalclose('#imagemodal')">取消</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--上传图片-->
    <div class="modal fade" id="progressmodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 330px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                </div>
                <div class="modal-body" style="height: 70px">
                    <div id="progress" align="center">
                        <div id="progress-div"></div>
                        <div id="tip" style="color: #00B83F">上传中···</div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!--栏目所属-->
    <div class="modal fade" id="columnmodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 300px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">栏目</h5>
                </div>
                <div class="modal-body">
                    <span class="hidden" id="columnType"></span>
                    <div style="font-family: 微软雅黑;width: 100%" align="center">
                        <div class="content_wrap">
                            <div class="left">
                                <ul id="selectTree" class="ztree" style="width: 268px"></ul>
                            </div>
                        </div>
                    </div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="column_confirm">确定</a>
                        <a class="button-cancel cancelBtn" style="margin-top: 20px;" id="column_cancel" onclick="modalclose('#columnmodal')">取消</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!--提示弹窗-->
    <div class="modal fade" id="infomodal" role="dialog" aria-labelledby="mypackage" aria-hidden="true">
        <div class="modal-dialog" style="width: 260px;">
            <div class="modal-content">
                <div class="modal-header" style="background: #F8F8F8;border-bottom: none">
                    <button type="button" class="close" data-dismiss="modal" aria-hidden="true" style="color: black;">x</button>
                    <h5 class="modal-title" style="color:#333;">信息</h5>
                </div>
                <div class="modal-body">
                        <div style="font-family: 微软雅黑;" id="info"></div>
                    <div align="right">
                        <a class="button-a opBtn" style="margin-top: 20px;" id="modal_confirm">确定</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- /. WRAPPER  -->
<!--froala-->
<!--<script type="text/javascript" src="js/jquery-2.2.1.min.js"></script>-->
<script type="text/javascript" src="js/codemirror.min.js"></script>
<script type="text/javascript" src="js/xml.min.js"></script>

<script type="text/javascript" src="js/froala/js/froala_editor.min.js" ></script>
<script type="text/javascript" src="js/froala/js/plugins/align.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/char_counter.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/code_beautifier.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/code_view.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/colors.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/draggable.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/emoticons.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/entities.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/file.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/font_size.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/font_family.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/fullscreen.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/image.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/image_manager.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/line_breaker.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/inline_style.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/link.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/lists.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/paragraph_format.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/paragraph_style.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/quick_insert.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/quote.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/table.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/save.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/url.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/video.min.js"></script>
<script type="text/javascript" src="js/froala/js/plugins/word_paste.min.js"></script>
<script type="text/javascript" src="js/froala/js/languages/zh_cn.js"></script>

<script>
    $(function(){
        $('#edit').froalaEditor({
            language: 'zh_cn',
            placeholderText:"",
            height: 800,
            imageUploadMethod: 'POST',
            imageUploadURL: urladdr + "/web/uploadImage?token=" + Mytoken,
            imageUploadParam: 'image'
        });

        $('#edit_edit').froalaEditor({
            language: 'zh_cn',
            placeholderText:"",
            height: 800,
            imageUploadMethod: 'POST',
            imageUploadURL: urladdr + "/web/uploadImage?token=" + Mytoken,
            imageUploadParam: 'image'
        });

        $('#detail_edit').froalaEditor({
            language: 'zh_cn',
            placeholderText:"",
            height: 800,
            imageUploadMethod: 'POST',
            imageUploadURL: urladdr + "/web/uploadImage?token=" + Mytoken,
            imageUploadParam: 'image'
        });

        setTimeout(function(){
            var obj = document.getElementById("edit").getElementsByTagName("div");
            for(var i = 0;i<obj.length;i++){
                if(obj[i].className == "fr-wrapper show-placeholder"){
                    if(obj[i].getElementsByTagName("div").length == 2){
                        obj[i].getElementsByTagName("div")[0].style.opacity = "0";
                        obj[i].getElementsByTagName("div")[0].getElementsByTagName("a")[0].style.visibility = "hidden";
                        break;
                    }
                }
            }

            var editobj = document.getElementById("edit_edit").getElementsByTagName("div");
            for(var i = 0;i<editobj.length;i++){
                if(editobj[i].className == "fr-wrapper show-placeholder"){
                    if(editobj[i].getElementsByTagName("div").length == 2){
                        editobj[i].getElementsByTagName("div")[0].style.opacity = "0";
                        editobj[i].getElementsByTagName("div")[0].getElementsByTagName("a")[0].style.visibility = "hidden";
                        break;
                    }
                }
            }

            var detailobj = document.getElementById("detail_edit").getElementsByTagName("div");
            for(var i = 0;i<detailobj.length;i++){
                if(detailobj[i].className == "fr-wrapper show-placeholder"){
                    if(editobj[i].getElementsByTagName("div").length == 2){
                        detailobj[i].getElementsByTagName("div")[0].style.opacity = "0";
                        detailobj[i].getElementsByTagName("div")[0].getElementsByTagName("a")[0].style.visibility = "hidden";
                        break;
                    }
                }
            }
        },100);
    });
</script>
</body>
</html>
